.home_page2{
	width: 100%;
	
    float: left;
	padding-bottom: 0;
}
		.wk_fwxm {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
	top: 80px;
}
.wk_fwxm ul {
    width: 100%;
    height: 100%;
	top: 6.5rem;
}
.page2.active li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.page2 li.wk_li1 {
    -webkit-transform: translate3d(-600px, 0, 0);
    -moz-transform: translate3d(-600px, 0, 0);
    transform: translate3d(-600px, 0, 0);
    -ms-transform: translate3d(-600px, 0, 0);
}
.wk_fwxm li {
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    color: #fff;
    text-align: center;
	padding: 1.5rem;
	cursor: pointer;

}


.wk_fwxm li.wk_li1:hover{

	background: #ba292e;

}

.wk_fwxm li.wk_li2:hover {

	background: #1599a5;

}

.wk_fwxm li.wk_li3:hover {

	background: #5e904d;

}

.wk_fwxm li.wk_li4:hover {

	background: #5d4378;

}



.wk_fwxm li .wk_fwxm_ico {
    overflow: hidden;
    margin: 0 auto;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms;
}
.wk_fwxm li.wk_li1 .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img1.png) no-repeat;

}

.wk_fwxm li.wk_li1:hover .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img1.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li2 .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img2.png) no-repeat;

}

.wk_fwxm li.wk_li2:hover .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img2.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li3 .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img3.png) no-repeat;

}

.wk_fwxm li.wk_li3:hover .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img3.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li4 .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img4.png) no-repeat;

}

.wk_fwxm li.wk_li4:hover .wk_fwxm_ico {

	background: url(/wp-content/themes/ETC-XYL/dierping/images/fwxm_img4.png) no-repeat 0 -110px;

}
	.wk_fwxm li h2 {
    margin-top: 16px;
    font-weight: 400;
    font-size: 19px;
    line-height: 44px;
}
.wk_fwxm li p {
    font-size: 15px;
    line-height: 30px;
}
.wk_fwxm li .wk_fwxm_des {
    margin-top: 20px;
    font-size: 13px;
    line-height: 26px;
	
}
.wk_fwxm li .wk_ljzx {
    margin: 35px auto 0 auto;
    width: 145px;
    height: 35px;
}
.wk_fwxm li .wk_ljzx a {
    display: none;
    width: 143px;
    height: 33px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 33px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms;
}
.page2 li.wk_li2 {
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
}
.page2 li.wk_li3 {
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
}	


.wk_fwxm li.wk_li1:hover .wk_ljzx a:hover {

	background: #fff;

	color: #ba292e;

}

.wk_fwxm li.wk_li2:hover .wk_ljzx a:hover {

	background: #fff;

	color: #1599a5;

}

.wk_fwxm li.wk_li3:hover .wk_ljzx a:hover {

	background: #fff;

	color: #5e904d;

}

.wk_fwxm li.wk_li4:hover .wk_ljzx a:hover {

	background: #fff;

	color: #5d4378;

}


@media(max-width:1500px) {

.wk_fwxm {

	position: relative;

	margin: margin: 0 auto;

	width: 1160px;

	height: 100%;
	top: 80px;

}


}

.wk_fwxm li .wk_fwxm_des {

	font-size: 12px;

}

@media(min-width:1400px) {
.wk_fwxm li {

    padding: 15% 1.5rem 1.5rem 1.5rem;

}
}

@media(max-width:1150px) {
.home_page2{
	width: 100%;
	
    float: left;
	padding-bottom: 0;
}


.wk_fwxm li {
    position: relative;
    float: left;
    width: 50%;
    height: 450px;
    color: #fff;
    text-align: center;
    padding: 0 1.5rem;
	
}

.wk_fwxm {
position: relative;
    margin: 0% 3% 0% 3%;
    width: calc(100% - 1.5rem);
    height: 100%;
	top: 0;

}

.wk_fwxm li h2 {

	font-size: 17px;

}

.wk_fwxm li .wk_fwxm_main {

margin: 15px;

}

.wk_fwxm li .wk_fwxm_des {

	font-size: 12px;

}

}



@media (max-width: 1280px){
.wk_fwxm {

	top: 0;

}
}


@media (max-width: 640px){
	.wk_fwxm li {

    height: 500px;

}

	.wk_fwxm li .wk_ljzx a{
		
		font-size: 12px;
    width: 100px!important;
	}
.wk_fwxm li .wk_ljzx {
    margin: 1.5rem auto 0 auto;

}
.wk_fwxm li h2 {
    font-size: 17px;
}
.wk_fwxm li p {
    font-size: 12px;
    line-height: 18px;
}
.wk_fwxm li .wk_fwxm_des {


    line-height: 18px;
    height: auto;
}
}

@media (max-width: 375px){
	.wk_fwxm li {

    height: 520px;

}
}


.wk_fwxm li:hover .wk_ljzx a {
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}